<template>
  <div class="page-content">
    <div class="header">
      <h3>模拟考试规则</h3>
    </div>

    <el-tabs v-model="activeName">
      <el-tab-pane label="科目一" name="1">
        <exam-question-config-table
          v-if="activeName === '1'"
          category-id="1"
        ></exam-question-config-table>
      </el-tab-pane>
      <el-tab-pane label="科目四" name="4">
        <exam-question-config-table
          v-if="activeName === '4'"
          category-id="4"
        ></exam-question-config-table>
      </el-tab-pane>
      <el-tab-pane label="注销恢复" name="5">
        <exam-question-config-table
          v-if="activeName === '5'"
          category-id="5"
        ></exam-question-config-table>
      </el-tab-pane>
      <el-tab-pane label="满分学习" name="6">
        <exam-question-config-table
          v-if="activeName === '6'"
          category-id="6"
        ></exam-question-config-table>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
  import ExamQuestionConfigTable from '@/views/question_bank/components/ExamQuestionConfigTable.vue'
  const activeName = ref('1')
</script>

<style scoped lang="scss">
  .page-content {
    .header {
      margin-bottom: 20px;
    }
  }
</style>
